@charset "UTF-8";
html {
    font - family: sans - serif;
    - ms - text - size - adjust: 100 %;
    - webkit - text - size - adjust: 100 %
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline - block;
    vertical - align: baseline
}

audio: not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background: transparent;
    text-decoration: none;
}

a: active,
a: hover {
    outline: 0
}

abbr[title] {
    border - bottom: 1 px dotted
}

b,
strong {
    font - weight: bold
}

dfn {
    font - style: italic
}

h1 {
    font - size: 2e m;
    margin: .67e m 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit - appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz - focus - inner,
input::-moz - focus - inner {
    border: 0;
    padding: 0
}

input {
    line - height: normal
}

input[type="checkbox"],
input[type="radio"] {
    -webkit - box - sizing: border - box;
    - moz - box - sizing: border - box;
    box - sizing: border - box;
    padding: 0
}

input[type="number"]::-webkit - inner - spin - button,
input[type="number"]::-webkit - outer - spin - button {
    height: auto
}

input[type="search"] {
    -webkit - appearance: textfield;
    - webkit - box - sizing: content - box;
    - moz - box - sizing: content - box;
    box - sizing: content - box
}

input[type="search"]::-webkit - search - cancel - button,
input[type="search"]::-webkit - search - decoration {
    -webkit - appearance: none
}

fieldset {
    border: 1 px solid# c0c0c0;
    margin: 0 2 px;
    padding: .35e m .625e m .75e m
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font - weight: bold
}

table {
    border - collapse: collapse;
    border - spacing: 0
}

td,
th {
    padding: 0
}

li {
    list-style: none;
}

html {
    -webkit - tap - highlight - color: rgba(0, 0, 0, 0);
    - webkit - touch - callout: none
}

body {
    font-family: 'helvetica neue', 'microsoft yahei', 'pingfang sc', 'hiragino sans gb', 'stheiti', tahoma, sans-serif;
    background-color: #fff;
    color: #333;
    margin: 0;
    padding: 0
}

.hm-btn {
    display: inline-block;
    width: 120px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #fff;
    border-radius: 18px;
    background: #08c7cf;
    text-align: center;
}

.hm-btn:hover {
    opacity: .7;
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
}

.hm-btn .more {
    display: inline-block;
    width: 9px;
    height: 15px;
    background: url(../../../images/home/more.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    top: 2px;
    right: -8px
}

.max-width {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
}



/*头部开始*/

.hm-head {
    width: 100%;
    position: fixed;
    height: 800px;
    top: 0px;
    z-index: 1;
    background: #2d2b2e
}
.hm-head .video-container{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
}
#video-bg {
   z-index: -1
}
.hm-head .header {
    position: absolute;
    z-index: 20;
     left: 56px;
    top: 16px;
    width: 100%
}

.hm-head .header a {
    color: #fff
}

.hm-head .header .logo {
    position: absolute;
    left: 56px;
    top: 16px;
    z-index: 2;
}

.hm-head .header .menu {
    position: absolute;
    right: 156px;
    top: 16px;
     z-index: 2;
}

.hm-head .footer {
    position: absolute;
    bottom: 10px;
    width: 100%
}

.hm-head .footer .box {
    position: relative;
}

.hm-head .center {
    text-align: center;
    position: absolute;
    top: 30%;
    z-index: 2;
    left: 50%;
    margin-left:-187px 
}

.hm-head .center .text {
    margin-bottom: 135px;
}

.hm-head .footer .text {
    color: #fff;
    line-height: 28px;
    font-size: 16px;
    float: left;
    padding-left: 56px;
}

.hm-head .footer .down {
    color: #fff;
    line-height: 28px;
    font-size: 16px;
    float: right;
    width: 360px;
    position: relative;
    top: 20px;
}

.hm-head .footer .down .ios {
    display: inline-block;
    margin-right: 26px
}



/*直播模块*/

.hm-zhibo {
    margin-top: 800px;
    position: relative;
    z-index: 2;
    background: #fff
}

.hm-zhibo .top-text {
    text-align: center;
    height: 318px
}

.hm-zhibo .top-text h2 {
    font-size: 22px;
    line-height: 52px;
    padding-top: 105px
}

.hm-zhibo .top-text p {
    font-size: 16px;
}

.hm-zhibo .zhibo-nr {
    height: 567px;
    background-color: #24959d;
}

.hm-zhibo .zhibo-nr .zb-box {
    margin: 0 auto;
    position: relative;
}

.hm-zhibo .zhibo-nr .zb-left {
    position: absolute;
    top: -37px;
    left: 55px
}

.hm-zhibo .zhibo-nr .zb-left li {
    width: 300px;
    margin-bottom: 5px
}

.hm-zhibo .zhibo-nr .zb-left li img {
    width: 100%;
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    box-shadow: 0px 0px 6px #333
}

.hm-zhibo .zhibo-nr .zb-left li img:hover {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.hm-zhibo .zhibo-nr .zb-right {
    background: url(../../../images/home/zb-bg.jpg);
    background-repeat: no-repeat;
    background-position: right 20px;
    background-size: auto 100%;
    height: 500px;
    width: 100%;
}

.hm-zhibo .zb-right .info {
    width: 278px;
    height: 154px;
    position: absolute;
    bottom: 63px;
    right: 50px;
    color: #fff
}

.hm-zhibo .zb-right .info h2 {
    font-size: 18px;
}

.hm-zhibo .zb-right .info p {
    font-size: 14px;
}



/*体育机构*/

.hm-jigou {
    background: #fff;
    z-index: 2;
    position: relative;
    top: -20px;
}

.hm-jigou .top-text {
    text-align: center;
    height: 318px
}

.hm-jigou .top-text h2 {
    font-size: 22px;
    line-height: 52px;
    padding-top: 105px
}

.hm-jigou .top-text p {
    font-size: 16px;
}

.hm-jigou .jg-nr {
    background: #dcdcdc;
    height: 567px;
    position: relative;
}

.hm-jigou .jg-nr .jg-left {
    width: 560px;
    position: absolute;
    top: 0px;
    left: 73px
}

.hm-jigou .jg-nr .text_nr {
    width: 280px;
    text-align: right;
    padding-top: 40px
}

.hm-jigou .jg-nr .text_nr h2 {
    font-size: 16px;
}

.hm-jigou .jg-nr .text_nr p {
    font-size: 14px;
}

.hm-jigou .jg-nr .jg-right {
    width: 560px;
    position: absolute;
    top: -30px;
    right: 56px
}

.hm-jigou .jg-nr .jg-right li {
    width: 480px;
    margin-bottom: 15px
}

.hm-jigou .jg-nr .jg-right li img {
    width: 100%;
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    box-shadow: 0px 0px 6px #333;
    border-radius: 4px
}

.hm-jigou .jg-nr .jg-right li img:hover {
    transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
}

.hm-jigou .tt-nr {
    background: #000;
    height: 536px;
    position: relative;
}

.hm-jigou .tt-nr .tt-box .img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 3px 3px;
    box-sizing: border-box;
    position: absolute;
    display: inline-block;
}

.hm-jigou .tt-nr .tt-box .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(61, 55, 68, 0.5);
}

.hm-jigou .tt-nr .tt-box .mask:hover {
    background: rgba(61, 55, 68, 0);
}

.hm-jigou .tt-nr .tt-box .img.a1 {
    width: 20.8%;
    height: 52.6%;
    left: 6px;
    top: 18px;
}

.hm-jigou .tt-nr .tt-box .img.a2 {
    width: 20.8%;
    height: 35%;
    left: 6px;
    bottom: 5%;
}

.hm-jigou .tt-nr .tt-box .img.a3 {
    width: 25.8%;
    height: 43.3%;
    left: 22.3%;
    top: 18px;
}

.hm-jigou .tt-nr .tt-box .img.a4 {
    width: 25.8%;
    height: 43.3%;
    left: 49.3%;
    top: 18px;
}

.hm-jigou .tt-nr .tt-box .img.a5 {
    width: 23%;
    height: 37.1%;
    left: initial;
    right: 6px;
    top: 18px;
}

.hm-jigou .tt-nr .tt-box .img.a6 {
    width: 23%;
    height: 50.3%;
    left: initial;
    right: 6px;
    bottom: 5%;
}

.hm-jigou .tt-nr .tt-text {
    position: absolute;
    left: 24.44%;
    bottom: 98px;
    width: 280px;
    color: #fff
}

.hm-jigou .tt-nr .tt-text h2 {
    font-size: 16px;
}

.hm-jigou .tt-nr .tt-text p {
    font-size: 14px;
    color: #dcdcdc
}

.hm-jigou .hm-nn {
    background: #ddd;
    height: 567px
}

.hm-jigou .nn-box {
    position: relative;
    height: 567px
}

.hm-jigou .nn-box .info {
    text-align: center;
    position: absolute;
    bottom: 54px;
    right: 50%;
    margin-right: -138px
}

.hm-jigou .nn-box .info h2 {
    font-size: 16px;
}

.hm-jigou .nn-box .info p {
    font-size: 14px;
    color: #646464
}

.hm-jigou .nn-box .ball {
    position: absolute;
    top: 120px;
    left: 230px;
}

.hm-jigou .nn-box .hippo_a {
    position: absolute;
    bottom: 54px;
    left: 80px;
}

.hm-jigou .nn-box .hippo_b {
    position: absolute;
    top: 120px;
    right: 50%;
    margin-right: -138px
}

.hm-jigou .nn-box .hippo_c {
    position: absolute;
    bottom: 54px;
    right: 80px;
}

.hm-pl {
    background: #fff;
    height: 550px;
    position: relative;
    z-index: 2
}

.hm-pl .hm-pl-box {
    position: relative;
}

.hm-pl .pl-box .pl-info {
    position: absolute;
    top: 143px;
    left: 150px;
}

.hm-pl .pl-box .pl-list {
    position: absolute;
    right: 10px;
    top: 140px;
}

.hm-pl .pl-box .pl-list .scroll {
    width: 288px;
    float: left;
    height: 236px;
    overflow: hidden;
}

.hm-pl .pl-box .pl-list ul {
    position: relative;
}

.hm-pl .pl-box .pl-list ul li {
    width: 288px;
    overflow: hidden;
    margin-bottom: 22px;
}

.hm-pl .pl-box .pl-list .img {
    float: left;
    width: 34px;
    height: 34px;
    border-radius: 34px;
}

.hm-pl .pl-list .user-info {
    padding-left: 10px;
    float: left
}

.hm-pl .pl-list .user-info .user-name {
    font-size: 12px;
    color: #969696
}

.hm-pl .pl-list .user-info .user-act {
    font-size: 14px;
}

.hm-down {
    height: 320px;
    background: #020809;
    position: relative;
    z-index: 2;
    background-image: url(../../../images/home/down-bg.jpg);
    background-position: center center;
    background-size: cover;
}

.hm-down .down-nr {
    position: relative;
    z-index: 2;
}

.hm-down .down-nr .mobile {
    position: absolute;
    left: 80px;
    top: -66px;
}

.hm-down .down-nr .down {
    position: absolute;
    right: 55px;
    top: 50px;
    text-align: right;
}

.hm-down .tuijian p {
    color: #fff;
    font-size: 16px;
    line-height: 34px;
}

.hm-down .down-link {
    margin-top: 50px;
}

.hm-down .down-link a {
    display: inline-block;
    cursor: pointer;
}

.hm-down .down-link .ios {
    margin-right: 20px;
}

.hm-bottom {
    width: 100%;
    line-height: 67px;
    height: 67px;
    background: #fff;
    font-size: 14px;
    position: relative;
    z-index: 2;
    text-align: center;
    color: #323232
}


/*公共头部*/

.hm-header {
    height: 70px;
    background: #24959d;
    color: #fff;
    position: relative;
}

.hm-header .logo {
    position: absolute;
    left: 56px;
    top: 16px
}

.hm-header .menu {
    position: absolute;
    right: 56px;
    top: 22px
}

.hm-header .menu a {
    color: #fff
}

.hm-content .map {
    background: #fff;
    line-height: 50px;
    text-align: center;
    color: #666;
}

.hm-content .map .text {
    padding: 20px 0
}

.hm-content .img {
    position: relative;
}

.hm-content .img .lianxi {
    position: absolute;
    top: 300px;
    left: 122px;
}

.hm-content .lianxi {
    border-radius: 10px;
    background: #fff;
    padding: 20px;
    width: 506px;
    height: 208px;
    box-sizing: border-box;
    text-align: left
}

.hm-content .lianxi h2 {
    line-height: 40px;
}

.hm-content .lianxi p {
    line-height: 30px;
}
.hm-content .down-nr{ overflow: hidden; padding: 112px 56px; }
.hm-content .down-left {
    float: left;
    width: 600px
}
.hm-content .down-left .logo{ width: 120px;height: 120px }
.hm-content .down-left .logo img{ width: 100% }
.hm-content .down-left h2{font-size:36px; line-height: 60px;}
.hm-content .down-left p{font-size: 24px; line-height: 40px;}
.hm-content .down-left .down-btn {
    width: 172px;
    height: 72px;
    color: #fff;
    line-height: 72px;
    text-align: center;
    font-size: 22px;
    background: #0e969e;
    border-radius: 4px;
    display: inline-block;
}

.hm-content .down-right {
    float: right;

}